<meta charset="UTF-8">
<title>优品美容产品热点</title>
<style>
*{
  margin:0px;
  padding:0px;
 }
body{
     background:#ccc;
	}
li{ 
   list-style:none;
  }
.box{
     width:260px;
	 margin:20px auto;
	 background:white; 
	 font-size:12px;
	}
.box h3{
        height:40px;
		line-height:40px;
		background:#ee0324;
		color:white;
		font-size:14px;
		padding-left:10px; 		
	   }
li{
   height:36px;
   line-height:36px;
   border-bottom:1px dashed #666;
  }
li:last-child{
              border-bottom:none;
			 }
li span{
        background:#333;
		width:20px;
		height:20px;
		line-height:20px;
		text-align:center;
		color:white;
		margin:auto 7px;
		border-radius:50%; 
		display:inline-block;
	   }
li:hover{
         color:#ee0324;
		}
li:hover span{
              background:#ee0324;
		     }
</style> 
<div class="box">
  <h3>大家都喜欢买的美容品</h3>
  <ul>
    <li><span>1</span> 雅诗兰黛即时修护眼部精华霜15ml</li>
    <li><span>2</span> 伊丽莎白雅顿显效复合活肤霜 75ml</li>
    <li><span>3</span> OLAY玉兰油多效修护霜 50g</li>
    <li><span>4</span> 巨型一号丝瓜水320ML</li> 
    <li><span>5</span>倩碧保湿洁肤水2号 200ml</li>
    <li><span>6</span> 比度克细肤淡印霜 30g</li>
    <li><span>7</span> 兰芝 (LANEIGE)夜间修护锁水面膜 80ml</li>
    <li><span>8</span> SK-II护肤精华露 215ml</li>
    <li><span>9</span> 欧莱雅青春密码活颜精华肌底液</li>
  </ul>
</div>